<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Your Home</title>
<style type="text/css">
body{
	background:#EFDEB0;
}
.background{
	max-width:1280px;
	background:#FFF;
}
.header{
	max-width:1260px;
	background:#FFF;
	font-size:12px;
	padding:10px;
	text-align:right;
}
.logo{
	padding:10px;
	background:#FFF;
}
.menu{
	padding:10px;
	margin:5px;
}
.main{
	padding:10px;
	margin:5px;
}
.item{
	padding:10px;
	margin:2px;
	border-style:solid;
	border-color:WHITE;
	background:#EFDEB0;
}
.footer{
	padding:10px;
	margin:5px;
}
button{
	margin-right:20px;
	margin-top:10px;
}
</style>
</head>

<body>
<div class="header"><a href="Registration.jsp">SIGN IN</a> | <a href="Login.jsp">LOG IN</a>| <a href="Setting.jsp">Settings</a>| <a href="YourHome.jsp">Your Home</a></div>
<div class="background">
	<div class="logo"><img src="pic/title.png" width="1250" height="300"></div>
    <div class="menu"> <a href="homePage.jsp">Home</a> | <a href="Introduction.jsp">Introduction</a> | <a href="AboutUs.jsp">About Us</a> | <a href="QA.jsp">Q&amp;A</a> </div>
    <div class="main">
    	<h3>Your Home:</h3>
        <div class="item">
        	<p>Housebreaking Alarm</p>
            <p>Status:</p><% %>
            <p><button type="button">ON</button>
            <button type="button">OFF</button>
            <button type="button">DISARM</button></p>
        </div>
        <div class="item">
        	<p>Temperature indoors</p>
            <p>Status:</p>
            <p><button type="button">UPDATE</button></p>
        </div>
        <div class="item">
        	<p>Temperature outdoors</p>
            <p>Status:</p>
            <p><button type="button">UPDATE</button></p>
        </div>
        <div class="item">
        	<p>Fan</p>
            <p>Status:</p>
            <p><button type="button">ON</button>
            <button type="button">OFF</button>
            <button type="button">AUTO</button></p>
        </div>
        <div class="item">
        	<p>Media player</p>
            <p>Status:</p>
            <p><button type="button">ON</button>
            <button type="button">OFF</button>
            <button type="button">PLAY</button>
            <button type="button">PAUSE</button>
            <button type="button">STOP</button>
            <button type="button">NEXT</button>
            <button type="button">PREVIOUS</button>
            <button type="button">VOLUME UP</button>
            <button type="button">VOLUME DOWN</button></p>
        </div>
        <div class="item">
        	<p>Window</p>
            <p>Status:</p>
            <p><button type="button">ON</button>
            <button type="button">OFF</button></p>
        </div>
        <div class="item">
        	<p>Lighting indoors</p>
            <p>Status:</p>
            <p><button type="button">ON</button>
            <button type="button">OFF</button></p>
        </div>
        <div class="item">
        	<p>Lighting outdoors</p>
            <p>Status:</p>
            <p><button type="button">ON</button>
            <button type="button">OFF</button></p>
        </div>
    </div>
    <div class="footer">Last modification: 2012/10/18</div>
</div>
</body>
</html>